// BFC解决父元素塌陷和margin复用问题
@mixin cf($className:cf){
  #{$className}:before,
  #{$className}:after {
    content: " ";
    display: table;
  }
  #{$className}:after {
    clear: both;
  }
  #{$className} {
    *zoom: 1;
  }
}

.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

.text-right {
  text-align: right;
}

.btn{
  height : 34px;
  width : 66px;
  border-radius: 4px;
  border : 1px solid #c7c7c7;
  padding : 5px 10px;
  font-size : 14px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  line-height : 22px;
}

.btn-group{

  .btn:first-child{
    margin-right: 10px;
  }

  .btn:last-child{
    margin-left : 10px;
  }

}

.btn.btn-primary{
  background-color : #2277da;
  color : white;
}

.btn.btn-default{
  background-color : #fff;
}

.btn.btn-danger{
  background-color: #ff000d;
  color: white;
}

.verticle_middle_wr:before{
  content : "";
  display: inline-block;
  vertical-align: middle;
  height : 100%;
}

.webuploader-container{
  cursor: pointer;
  position: relative;
  text-align: center;

  div.webuploader-pick + div{
    overflow: visible !important;
  }

  input[type="file"].webuploader-element-invisible{
    opacity: 0;
    display: block;
    font-size : 0;
    width : 66px;
    height : 34px;
    cursor: pointer;
    z-index : 9999999;
  }
}